<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./main.css">
  <link rel="stylesheet/less" href="./less.css">
  <script src="./../../static/js/resize.js"></script>
  <title>html</title>
</head>
<body>
  <a href="./../../static/img/cat.jpg" download="cat">
    <img src="./../../static/img/cat.jpg" alt="">
  </a>
  <a href="sms:10086">发短信</a>
  <blockquote>blockquote</blockquote>
  <pre>pre</pre>
  <hr>
  <ul>
    <li>li</li>
  </ul>
  <ol>
    <li>li-ol</li>
  </ol>
  <dl>
    <dt>dt</dt>
    <dd>dddd</dd>
  </dl>
  <input type="file" accept="image/*" capture="camera">
    <input type="file" accept="video/*" capture="camcorder">
    <input type="file" accept="audio/*" capture="microphone">

  <header>this is header</header>
  <footer>this is footer</footer>
  <section>this is section</section>
  <aside>this is section</aside>
  <article>this is section</article>
  <strong>this is strong</strong>
  <span>this is span</span>
  <small>this is small</small>
  <form action="//">
    <input type="text" list="data">
    <datalist id="data">
      <option value="1">1ww</option>
      <option value="1">2</option>
      <option value="1">3</option>
      <option value="1" label="333">4</option>
    </datalist>
    <textarea name="" id="" cols="30" rows="10"></textarea>
    <select name="" id="selection">
      <option value="1">一</option>
      <option value="2">二</option>
      <option value="3">三</option>
      <option value="4">四</option>
    </select>
    <button style="border-style: none">button</button>
    <button type="reset">reset</button>
  </form>

<!-- bfc -->
<div class="bfc">
  <p>第一个</p>
  <p>第一个aaaa</p>
 <span class="left" >float left</div>
</div>


  <figure>
    <figcaption>this is img</figcaption>
    <img src="./../../static/img/cat.jpg" alt="">
  </figure>
  <hr>
  <table border='1' cellspacing=0>
    <colgroup>
      <col span=1 style="background:red">
    </colgroup>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
    <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
    </tr>
  </table>

  <h1>dddd</h1>
  ========================================================================
  <div class="formargin" onclick="htmlClick()">
    <span class="oh">一个额外的内容哦哦哦哦哦</span>
    <div class="content">这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章这一一个很长的文章</div>
  </div>

  {# <script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> #}
  <script src="./../../static/js/jquery-3.3.1.js"></script>
  <script src="./index.js"></script>
</body>
</html>